<template>
  <van-sticky :offset-top="0" >
    <van-row align="center" class="van-row-class" gutter="10">
    <van-col span="5" >
      <div  class="text-align-center"><slot name="left"></slot></div>
    </van-col>
    <van-col span="14">
      <div  class="text-align-center"><slot name="center"></slot></div>

    </van-col>
    <van-col span="5">
      <div  class="text-align-center"><slot name="right"></slot></div>
    </van-col>
    </van-row>
</van-sticky>
</template>
<script lang="ts">
export default {
  name: "HeaderTop",
};
</script>
<script lang="ts" setup>
import { ref, reactive, toRefs } from "vue";
</script>

<style lang="scss" scoped>
@import '@/assets/scss/index';
.van-row-class{
  height: 1.25rem;
  font-size: 0.5rem;
  color:$fc;
  @include bk();

}
</style>
